{% extends "foodsnroses/base.html" %}
{% comment %}
<!--
  Copyright (C) 2008 ZHENG Zhong <http://www.zhengzhong.net/>

  Foods N' Roses home page.
  
  Created on 2008-08-15.
  $Id$
-->
{% endcomment %}

{#________________________________________________________________________________________________#}

{% block html_head %}

<title>Foods N' Roses</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="{{static_}}/css/home.css"/>
<link rel="stylesheet" type="text/css" media="screen,print" href="{{static_}}/css/resto_summary_list.css"/>
<link rel="stylesheet" type="text/css" media="screen,print" href="{{static_}}/css/tag_cloud.css"/>

{% endblock %}{# html_head #}

{#________________________________________________________________________________________________#}

{% block navbar %}

<b>Home</b>

{% endblock %}

{#________________________________________________________________________________________________#}

{% block content %}

<div id="home">

  <!-- #on_left _________________________________________________________________________________-->
  
  <div id="on_left">
  
    <!-- #resto_of_the_month ____________________________________________________________________-->
    
    <div id="resto_of_the_month" class="block">
      <div class="block_head">Resto of the month...</div>
      <div class="block_body">
        <b>#TODO</b>:
        This is only a place holder at this moment. We will not pick "resto of the month" until we
        have more than 100 restos added to this website.
      </div>
      <div class="block_foot">
        <a href="#TODO">view previous restos &#187;</a>
      </div>
    </div><!--/#resto_of_the_month-->
    
    <!-- #popular_tags __________________________________________________________________________-->
    
    <div id="popular_tags" class="block">
      <div class="block_head">Popular tags...</div>
      <div class="block_body">
        {% if tag_cloud %}
          <div class="tag_cloud">
            {% for tag in tag_cloud %}
              <span style="font-size: {{tag.percentage}}%;">
                <a href="{{webapp_}}/search/tag/?value={{tag|escape}}">{{tag|escape}}</a>
              </span>
            {% endfor %}
          </div><!--/.tag_cloud-->
        {% else %}
          <span class="na">No tags...</span>
        {% endif %}
      </div>
    </div><!--/#popular_tags-->
  
  </div><!--/#on_left-->
  
  <!-- #on_right ________________________________________________________________________________-->
  
  <div id="on_right">
  
    <!-- #most_popular_restos ___________________________________________________________________-->
    
    <div id="most_popular_restos" class="block">
      <div class="block_head">Most popular...</div>
      <div class="block_body">
        {% with most_popular_restos as restos %}
          {% include "foodsnroses/include/resto_summary_list.html" %}
        {% endwith %}
      </div>
      <div class="block_foot">
        <a href="#TODO">more &#187;</a>
      </div>
    </div><!--/#most_popular_restos-->
    
    <!-- #newly_added_restos ____________________________________________________________________-->
    
    <div id="newly_added_restos" class="block">
      <div class="block_head">Newly added...</div>
      <div class="block_body">
        {% with newly_added_restos as restos %}
          {% include "foodsnroses/include/resto_summary_list.html" %}
        {% endwith %}
      </div>
      <div class="block_foot">
        <a href="{{webapp_}}/restos/">more &#187;</a>
      </div>
    </div><!--/#newly_added_restos-->
  
  </div><!--/#on_right-->
  
</div><!--/#home-->


{% endblock %}{# content #}


